.chart_contant {

    display: flex;
    flex-direction: column;

    // background-color: rgb(1, 44, 85);
    border-radius: 20px;

    .Chart1_showli {
        // backgroundColor: "#323a5e",
        // background-color: #323a5e;
        padding: 5px 0px;
        // display: flex;
        // flex: 1;
        flex-direction: row;
        justify-content: space-around;

        #Chart1_barli {
            width: 370px;
            height: 200px;
            // background-color: aqua;
        }

    }

    .Chart1_showli2 {
        // backgroundColor: "#323a5e",
        // background-color: #323a5e;
        // padding: 20px 0px;
        // flex: 3;
        display: flex;

        flex-direction: row;
        // justify-content: space-around;

        .Chart1_showli2_box {
            // flex: 2;
            // background-color: aqua;
            padding-left: 30px;
            
            #Chart1_barli2 {
                width: 550px;
                height: 300px;
            }
            
            #Chart1_barl3 {
                width: 650px;
                // background-color: aqua;
                height: 550px;
                // background-color: aqua;
            }
        }


        #Chart1_barli4 {
            // flex: 2;
            width: 750px;
            height: 550px;
            // background-color: rgb(1, 44, 85);

        }
    }
}